<template>
  <div>
      <h1>Vue的基本语法</h1>
      <table class="table ">
     <tbody>
      <tr>
          <td>老六</td>
          <td>老七</td>
          <td>老八</td>
          <td>老九</td>
          <td></td>
        </tr>
        <tr v-for="item in arrObj":key="item.id">
          <td></td>
          <td></td>
          <td></td>
          <td>
            <input type="button" value="删除" class="btn btn-primary">
            <input type="button" value="修改" class="btn btn-danger">
            <input type="button" value="上架" class="btn btn-success">
          </td>
        </tr>
     </tbody>
      </table>
  </div>
  <hr/>
  <select>
    <option value="">请选择</option>
   <option :value="item.id" v-for="item in city":key="item.id">{{ item.name }}</option>
  </select>  
</template>

<script setup lang="ts">
import{ref,reactive} from 'vue'
let arrobj=reactive([])

let city=reactive

</script>

<style scoped>

</style>
